@charset "UTF-8";

@width: 600px;

.py-carousel {
  width: @width;
  overflow: hidden;

  // 图片列表
  .carousel-imgs {
    @img-height: 400px;

    position: relative;
    height: @img-height;
    .item {
      position: absolute;
      left: 100%;
      width: @width;
      height: @img-height;
      &:nth-child(1) {
        left: 0;
        transition: left .5s;
      }
      img {
        width: 100%;
        height: 100%;
      }
    }
  }

  // 指示器列表
  .carousel-indicators {
    display: flex;
    .item {
      flex: 1;
      padding: 15px 0;
      text-align: center;
      color: #fff;
      background-color: #000;
      cursor: pointer;
      &.active {
        color: rgb(184, 162, 108);
        background-color: #222;
      }
    }
  }
}
